
<template>
  <div>
      <div class="set-list"style="margin-left: 220px;width: 1060px;height:700px;background: antiquewhite">
        <h1>个人设置</h1>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="基本设置" name="first">基本设置</el-tab-pane>
          <el-tab-pane label="绑定设置" name="second">绑定设置</el-tab-pane>
          <el-tab-pane label="默认设置" name="third">默认设置</el-tab-pane>
        </el-tabs>
          <div>
              <p>
                <span>昵称:</span>
                <input type="text">
              </p>
              <p>
                  <textarea name="" id="" cols="30" rows="10"style="margin-left: auto"></textarea>
              </p>
              <p>
                  <span>
                      性别:
                  </span>
                  <input type="radio" name='sex'>男
                  <input type="radio" name='sex'>女
                  <input type="radio" name='sex'>保密
                
              </p>
              <div>
                  <span>生日:</span>
                    <div class="block">
                    <span class="demonstration">默认</span>
                    <el-date-picker
                    v-model="value1"
                    type="datetime"
                    placeholder="选择日期时间">
                    </el-date-picker><br><br><br><br>
                      <el-button type="primary" style=margin-left:100px>保存</el-button>
                </div>
              </div>
          </div>
      </div>
  </div>
</template>

<script>

  export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
}

</script>

<style scoped>
.set-list div ul li {
    float: left;
    padding: 15px 5px;
}
</style>
